<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
     <%@ include file="/common/common.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
			
	<div id="toolbar">
		<form class="form-inline" role="form">
			<div class="form-group">
				<label class="sr-only" for="name">名称</label>
				<input type="text" class="form-control" id="uname" name="uname" placeholder="请输入用户名">
			</div>

			<div class="form-group">
				<label class="sr-only" for="depId">部门查询</label>
				<select id="depId" class="form-control">
						<option value="-1">部门选择</option>
					<c:forEach items="${tDeps}" var="dep">
						<option value="${dep.depId}">${dep.depName}</option>
					</c:forEach>
				</select>
			</div>


			<button type="button" class="btn btn-default" onclick="getData()">搜索</button>
			<button type="button" class="btn btn-default" onclick="insertBatch()">增加</button>
		</form>
			
	</div> 
	<table id="table"></table>
</body>
<script type="text/javascript">
	$(function(){
		$('#table').bootstrapTable({
			url: '/uUserController/getInfoServer',
			method: 'post',                      //请求方式（*）
			contentType: "application/x-www-form-urlencoded",//post请求，需要加这个,不然分页不出
			toolbar: '#toolbar',    //工具按钮用哪个容器  用于对齐查询
			striped: true,                      //是否显示行间隔色
			cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
			pagination: true,                   //是否显示分页（*）
			//分页配置 start
			sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
			pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
			pageSize: 3,                     //每页的记录行数（*）
			pageList: [2, 5, 6],        //可供选择的每页的行数（*）
			//分页配置 end
			search: true,                      //是否显示表格搜索
			showColumns: true,                  //是否显示所有的列（选择显示的列）
			showRefresh: true,                  //是否显示刷新按钮
			clickToSelect: true,                //是否启用点击选中行
			showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
			strictSearch: true,					//严格搜索

			//得到查询参数
			queryParams: function(params){
				//这里的键的名字和控制器的变量名必须一致，这边改动，控制器也需要改成一样的
				var temp ={
					pageSize : params.limit,
					pageNum :(params.offset / params.limit) + 1,  /* 当前页数 */
					uname : $("[name=uname]").val(), //根据name获取模糊查询的字段 在刷新的同时，带到后台进行查询
					depId : $("#depId").val(),
		//			depId : $("[name=depId]").val(),
					// cid:$("[name=cid]").val()    //根据id 获取选中的下拉单的值， 在刷新的同时，带到后台进行查询
				};
				return temp;
			},				//严格搜索

	    
	    columns: [
	    	{
	    		checkbox: true,
	    		visible: true                  //是否显示复选框  
	    	},{
		        field: 'uid',
		        title: 'ID',
		    }, {
		        field: 'uname',
		        title: '用户名',
		    },{
		    	 field: 'sex',
			     title: '性别',
				formatter : function(value,row,index){
					if(value ==1){
						return "男";
					}else if(value ==2){
						return "女";
					}
				}
		    },{
		    	 field: 'password',
			     title: '密码',
		    },{
		    	 field: 'birth',
			     title: '生日',
		    },{
				field: 'depName',
				title: '部门',
			},{
		    	 title: '操作',
			        formatter : function(value, row, index){
			        	var uid = row.uid;
			        	return '<a class="btn btn-danger1" href="javascript:deleteInfo(' + uid + ')"><span class="glyphicon glyphicon-trash"></span></a>' +
			        	'<a class="btn btn-info1" href="javascript:updateInfo(' + uid + ')"><span class="glyphicon glyphicon-edit"></span></a>';
			        	
			  }
		    } 
	    ]
	});
})


	function getData(){
		$('#table').bootstrapTable("refresh"); //向后台输出进行刷新
	};
	
	function insertBatch(){
		BootstrapDialog.show({
            title: '增加',
            message: $('<div></div>').load('/uUserController/insertInfo'),
            /* type: BootstrapDialog.TYPE_SUCCESS, */
            size: BootstrapDialog.SIZE_SMALL, 
            buttons: [{
                label: '取消',
                cssClass : "btn btn-info",
                action: function (dialog) {
                	dialog.close();
                }
            }, {
                label: '确定',
                cssClass : "btn btn-info",
                action: function (dialog) {
        		var uname = $("#aaa").val();
        		var birth = $("#birth").val();
				var sex;
				var sexs = $("[name = 'sex']");
				$(sexs).each(function (index,e) {
					if($(e).prop("checked")){
						sex = $(e).val();
					}
				});
				var depId = $("#bbb").val();

	/*			$(sex).each(function(i,e){
					if($(e).prop("checked")){
						alert($(e).val())
					}
				});*/

                 var  roleChecked = $("[name = 'rid']");
                  var rid = [];
                 $(roleChecked).each(function(i,e){
                	 if($(e).prop("checked")){
						 rid.push($(e).val())
                	 }
                 })
                 
                 if(rid.length == 0){
                	 alert("请选择角色")
                	 return;
                 }
       			
 			 	$.ajax({
 					url:"/uUserController/addById",
 					data:{uname:uname,sex:sex,birth:birth,depId:depId,rid:rid},
 					dataType:"text",
 					type:"post",
 					async:true,
 					success:function(result){
 						if(result == "1"){
							dialog.close();
    						toastr.success("增加成功");
    						getData();
						}else{
							toastr.error("增加失败");
						}

 					},
 					error:function(){
 						toastr.error("系统异常,请联系管理员");
 					}
 				}) 
                 
                }
            }]
        });
	}
	
	function updateInfo(uid){
		BootstrapDialog.show({
            title: '修改',
            message: $('<div></div>').load('<%=path%>/uUserController/updateInfo/'+uid),
            /* type: BootstrapDialog.TYPE_SUCCESS, */
            size: BootstrapDialog.SIZE_SMALL, 
            buttons: [{
                label: '取消',
                cssClass : "btn btn-info",
                action: function (dialog) {
                	dialog.close();
                }
            }, {
                label: '确定',
                cssClass : "btn btn-info",
                action: function (dialog) {

					var uname = $("#aaa").val();
					var birth = $("#birth").val();
					var sex;
					var sexs = $("[name = 'sex']");
					$(sexs).each(function (index,e) {
						if($(e).prop("checked")){
							sex = $(e).val();
						}
					});
					var depId = $("#bbb").val();

					var  roleChecked = $("[name = 'rid']");
		  			var rid = [];
					$(roleChecked).each(function(i,e){
						if($(e).prop("checked")){
							rid.push($(e).val())
						}
					})

					if(rid.length == 0){
						alert("请选择角色")
						return;
					}
	              /* alert(roleIds)*/
        			 	$.ajax({
        					url:"<%=path%>/uUserController/updateById",
							data:{uname:uname,sex:sex,birth:birth,depId:depId,rid:rid,uid:uid},
        					dataType:"text",
        					type:"post",
        					async:true,
        					success:function(result){
        						if(result == "1"){
        							dialog.close();
            						toastr.success("修改成功");
            						getData();
        						}else{
        							toastr.error("修改失败");
        						}

        					},
        					error:function(){
        						toastr.error("系统异常,请联系管理员");
        					}
        				}) 
                	
                }
            }]
        });
	}
	
		function deleteInfo(uid){
			if(confirm("是否删除角色")){
				$.ajax({
					url:"<%=path%>/uUserController/deleteById/"+uid,
					data:{},
					dataType:"text",
					type:"post",
					async:true,
					success:function(result){
						if(result == "1"){
							toastr.success("删除成功");
							getData();
						}else{
							toastr.error("删除失败");
						}

					},
					error:function(){
						toastr.error("系统异常,请联系管理员");
					}
				}) 
			}
		}
</script>
</html>